<template>
  <div>
      <el-button plain disabled>系统配置</el-button>
    <el-button plain @click="WithdrawalRecord">用户协议</el-button>
    <div class="Withdrawal">
      <div style="margin: 0 auto; width: 400px">
        <div class="balance-searchMoney m32">
          开启自动提现
          <el-switch v-model="autoWithdrawStatus" @change="auto"> </el-switch>
        </div>
        <div
          class="balance-searchMoney m32"
          style="display: flex; align-items: center"
        >
          <div class="auto">自动提现时间</div>
          <el-input
            placeholder="请输入内容"
            v-model="input"
            @input="specifiName($event)"
            class="rightInput"
          >
            <template slot="prepend">T+</template>
            <template slot="append">天</template>
          </el-input>
        </div>

        <div style="display: flex; justify-content: center">
          <!-- <el-button
            v-if="!falg"
            type="info"
            :disabled="autoWithdrawStatus ? false : true"
            @click="cancel"
            >取消</el-button
          > -->
          <el-button
            style="background-color: #ff8043; color: #fff"
            :disabled="autoWithdrawStatus ? false : true"
            @click="preservation"
            >保存</el-button
          >
          <!-- <el-button
            v-if="falg"
            style="background-color: #ff8043; color: #fff"
            :disabled="autoWithdrawStatus ? false : true"
            @click="again"
            >重新编辑信息</el-button
          > -->
        </div>
      </div>
    </div>
    <!-- <div
      style="margin-top: 10px; cursor: pointer;color: #ff9767"
      @click="dialogVisible = true"
      class=""
    >
      《用户协议》
    </div> -->
       <el-dialog title="用户协议" width="100%" id="ids" :visible.sync="dialogVisible">
      <div class="mod-home">
        <div style="text-align: center">用户协议</div>
        <div>1、重要提示</div>
        <div>
          上海蜂高科技有限公司（以下简称“蜂高科技”）在此特别提醒用户务必审慎阅读、充分理解《财务清结算系统许可及服务协议》（下称“本协议”）的条款内容
          （特别是粗体下划线标注的内容）。除非用户接受本协议所有条款，否则用户无权下载、安装或使用本软件及其相关服务。用户的下载、安装、使用、账号获取和登录等行为将视为对本协议的接受，并同意接受本协议各项条款的约束。
        </div>
        <div>2、关于本软件</div>
        <div>
          财务清结算系统是蜂高科技向用户提供的财务清结算平台，以文字、图片等多种媒体形式，向用户提供包括但不限于财务结算、收费管理、余额管理等内容或功能。
        </div>
        <div>
          3、未经蜂高科技书面同意，用户不得为任何营利性或非营利性的目的自行实施、利用、转让或许可任何第三方实施、利用、转让上述知识产权，蜂高科技保留追究上述未经许可行为的权利。
        </div>
        <div>4、隐私保护声明</div>
        <div>
          4.1
          用户同意蜂高科技自动存储用户在使用蜂高科技软件及服务的过程中产生的信息，包括但不限于位置信息、设备信息、日志信息。
        </div>
        <div>
          4.2
          蜂高科技不会向合作伙伴提供、分享用户个人信息，除非合作伙伴根据蜂高科技的指示并遵循蜂高科技的隐私保护政策以及其他任何相应的保密和安全措施来处理这些信息。
        </div>
        <div>5、用户使用规则</div>
        <div>
          5.1
          用户可以从蜂高科技的官方途径获取本软件，也可以从蜂高科技授权的第三方途径获取。如果用户从未经蜂高科技授权的第三方获取本软件或与本软件名称相同的安装程序，蜂高科技无法保证该软件能够正常使用，并对因此给用户造成的损失不予负责。
        </div>
        <div>
          5.2
          用户在使用本服务前需要一个账号，账号的所有权归蜂高科技公司所有，用户完成申请注册手续后，仅获得账号的使用权，且该使用权仅属于初始申请注册人。
        </div>
        <div>
          5.3
          初始申请注册人不得赠与、借用、租用、转让或售卖账号或者以其他方式许可非初始申请注册人使用账号。非初始申请注册人不得通过受赠、继承、承租、受让或者其他任何方式使用账号。
        </div>
        <div>
          5.4
          蜂高科技在提供技术支持的过程中，将不可避免的产生渠道技术服务成本。<span style="font-weight: 600; text-decoration: underline">用户每次发起提现，峰高科技将根据第三方支付渠道提现服务代收提现金额0.025%技术服务费。</span>蜂高科技有权调整成本比例、决定收取、暂时或永久免收相应服务费用等，蜂高科技将优化运营，竭力降低渠道技术服务成本所占比例。
        </div>
        <div>
          5.5
          如用户发现账号遭他人非法使用，应立即通知蜂高科技。互联网上不排除因黑客行为或用户的保管疏忽导致账号、密码遭他人非法使用，此类情况与蜂高科技无关。
        </div>
        <div>
          5.6
          用户同意蜂高科技将会尽其商业上的合理努力保障用户在本软件及服务中的数据存储安全，但是，蜂高科技并不能就此提供完全保证，包括但不限于以下情形：
        </div>
        <div>
          5.6.1 蜂高科技不对用户在本软件及服务中相关数据的删除或储存失败负责；
        </div>
        <div>
          5.6.2
          蜂高科技有权根据实际情况自行决定单个用户在本软件及服务中数据的最长储存期限，并在服务器上为其分配数据最大存储空间等。用户可根据自己的需要自行备份本软件及服务中的相关数据；
        </div>
        <div>
          5.6.3
          如果用户停止使用本软件及服务或服务被终止或取消，蜂高科技可以从服务器上永久地删除用户的数据。服务停止、终止或取消后，蜂高科技没有义务向用户返还任何数据。
        </div>
      </div>
      <span slot="footer" class="dialog-footer">

        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      autoWithdrawStatus: false,
      input: "",
    };
  },
  activated() {
    this.isTrue();
  },
  methods: {
     // 用户协议
  WithdrawalRecord () {
      this.$router.push({
        name: `subFinance-agreement`
      })
  },
    //   只能输入1-31的正整数
    specifiName(e) {
      var limitNum = e;
      var reg = /^([1-9]|[1-3][0-0])$/;
      if (reg.test(limitNum) == false) {
        this.input = "";
        return false;
      } else {
        this.input = limitNum;
      }
      console.log(this.input);
    },
    // 取消
    cancel() {
      this.input = "";
    },
    auto() {
      this.set();
    },
    // 回显
    isTrue() {
      this.$http({
        url: this.$http.adornUrl(
          "cassadmin/autoWithdrawApply/getAutoWithdrawApply"
        ),
        method: "get",
        params: this.$http.adornParams({}),
      }).then(({ data }) => {
        if (data.success == 1) {
          this.autoWithdrawStatus = data.data.autoWithdrawStatus;
          this.autoWithdrawDay = data.data.autoWithdrawDay;
          this.input = data.data.autoWithdrawDay;
        } else {
        }
      });
    },
    // 设置
    preservation() {
      this.set();
    },
    set() {
      this.$http({
        url: this.$http.adornUrl(
          "cassadmin/autoWithdrawApply/setAutoWithdrawApply"
        ),
        method: "POST",
        data: this.$http.adornData({
          autoWithdrawDay: parseInt(this.input),
          autoWithdrawStatus: this.autoWithdrawStatus,
        }),
      }).then(({ data }) => {
        if (data.success == 1) {
          this.$message({
            message: "设置成功",
            type: "success",
          });
        } else {
          this.$message.error("设置失败");
        }
      });
    },
    again() {},
  },
};
</script>
<style scoped>
.Withdrawal {
  border-radius: 5px;
  background-color: #fff;
  padding: 32px;
  box-sizing: border-box;
}

.rightInput {
  width: 280px !important;
}
.dangerText {
  margin-left: 8px;
  color: #ff8043;
}
</style>
